// 项目
<template>
    <div id="project-info-container">
        <h1 style="text-align: left">项目详情</h1>
        <Divider />
        <div style="padding: 0 30px; font-size: 16px">
            <div class="project-info-line">
                <div class="project-info-header">项目名称</div>
                <div class="project-info-value">{{ project.name }}</div>
            </div>
            <div class="project-info-line">
                <div class="project-info-header">项目描述</div>
                <div class="project-info-value">{{ project.describe }}</div>
            </div>
            <div class="project-info-line">
                <div class="project-info-header">入组要求</div>
                <div class="project-info-value">{{ project.require }}</div>
            </div>
            <div class="project-info-line">
                <div class="project-info-header">人员需求</div>
                <div class="project-info-value">
                    <tag v-for="(item, index) in project.positions" 
                         :key="`project-info-tag-${index}`" 
                         :colorful="true"
                         :tag="item" 
                         :index="index"
                         :selected="isSelect(index)"
                         @on-click="select"/>
                </div>
            </div>
            <div class="project-info-line">
                <div class="project-info-header">发布人员</div>
                <div class="project-info-value">{{ project.master.name }}</div>
            </div>
            <div class="project-info-line">
                <div class="project-info-header">发布日期</div>
                <div class="project-info-value">{{ project.pubDate }}</div>
            </div>
            <Input v-model="msg" 
                   type="textarea" 
                   style="margin-top: 50px; width: 600px" 
                   :maxlength="100" 
                   :show-word-limit="true"
                   size="large"
                   :autosize="{minRows: 5, maxRows: 5}"
                   v-if="notMaster"
                   placeholder="请输入你的申请留言"/>
            <div>
                <Button type="primary" 
                        style="margin-top: 30px" 
                        @click="join()"
                        v-if="notMaster">
                    我要加入
                </Button>
            </div>
        </div>
    </div>
</template>

<script lang='ts'>
import { ProjectInfo } from "./Index";
export default ProjectInfo;
</script>

<style lang="scss" scoped>
@import './Index.scss';
</style>